<template>
  <!-- 导航栏 -->
  <el-header>
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="sponsor" style="color:darkorange"><strong>我发起的流程</strong></el-menu-item>
      <el-menu-item index="approval" style="color: darkmagenta"><strong>我审批的流程</strong></el-menu-item>
      <el-menu-item index="image" style="color: darkcyan"><strong>查看存在的flowable流程</strong></el-menu-item>
      <el-menu-item index="/" style="color: red" >返回</el-menu-item>
      <Header/>
    </el-menu>
  </el-header>
  <el-main>
    <router-view/>
  </el-main>
</template>

<script>
import Header from '../../components/Header.vue'

export default {
  name: "flowableIndex",
  components: {
    Header
  },
  data(){
    return{
      activeIndex: 'sponsor',
    }
  },
  methods:{
      handleSelect(key, keyPath) {
        console.log("页面跳转到——"+key)
        this.$router.push({path:key})
      },

  }
}

</script>

<style scoped>

</style>
